<template>
	<view style="padding: 30rpx;">
		<view class="" style="color: #333;font-size: 32upx;font-weight: 700;text-align: right;">
			<text @click="nav">重新定制</text>
		</view>

			<view class="title">
				活动项目推荐 <text>(加入购物车可生成方案)</text>
				<view class="" style="margin-top: 10rpx;">
					项目内容
				</view>
			</view>
			<goodsVideoList :goodsList="activ" @scrolltolower="scrolltolower"
				scrollHeight="auto" />
				
			<view class="title">
				备选推荐
			</view>
    <goodsVideoList :goodsList="activ_s" @scrolltolower="scrolltolower"
				scrollHeight="auto" />


	</view>
</template>

<script>
	import goodsVideoList from '@/components/goodsVideoList/goodsVideoList.vue'
	export default {
		components: {
			goodsVideoList,
		},
		data() {
			return {
				activ: [],
				activ_s:[],
				domHeight: 0,
			}
		},
		mounted() {
			const query = uni.createSelectorQuery();
			query.select('.title').boundingClientRect(data => {
				console.log(data.height)
				this.domHeight = data.height
			}).exec();
		},
		onLoad(e) {
			this.activ= JSON.parse(decodeURIComponent(e.data)).activ
			this.activ_s= JSON.parse(decodeURIComponent(e.data)).activ_s
		},
		methods: {
      nav(){
				uni.navigateTo({
					url:'./addCustomization/addCustomization'
				})
			}
		}
	}
</script>

<style lang="scss">
	.title {
		font-size: 32rpx;
		color: #333333;
    font-weight: 700;
		text {
			font-weight: 100;
			font-size: 28rpx;
			color: #666666;
		}
	}
</style>
